posting thread and image works

1 files changed, 11 insertions, 0 deletions

diff --git a/src/pages/board/[board].astro b/src/pages/board/[board].astro
index 23a5551..a529d3c 100644
--- a/src/pages/board/[board].astro
+++ b/src/pages/board/[board].astro
@@ -1,6 +1,8 @@
 ---
 import Default from '../../layouts/Default.astro';
 import Thread from '../../components/Thread.svelte'
+import '../../styles/thread.css'
+import '../../styles/blackbox.css?'
 import type Thread from '../../models/Thread';
 
 import { api } from '../../lib/api.ts';
@@ -18,8 +20,17 @@ for(let thread of threads)
 
 <Default>
   <h1><a href="/boards"> {board} </a></h1>
+  <div class="blackbox">
+    <button style="left: 50%; position: relative; transform: translate(-50%, 0);" onclick=`window.location='/create/${board}'`>Create Thread</button>
+  </div>
 
   {threads.map((thread) => (
     <Thread thread={thread} board={board} />
   ))}
 </Default>
+
+<style is:inline>
+  :root {
+    --wdt: 600px;
+  }
+</style>